<template>
  <el-card class="box-card" shadow="never">
    <div class="about">
      <h1>This is an about page</h1>
      <p>{{ rules }}</p>
      <el-button type="success" size="small" v-if="rules.edit_button">编辑</el-button>
    </div>
  </el-card>
</template>

<script>
import { mapState } from 'vuex'

export default {
  computed: {
    ...mapState({
      rules: state => state.user.rules
    })
  }
}
</script>

